<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>案例4</title>
		<link rel="stylesheet" type="text/css" href="./css/test4.css"/>
	</head>
	<body>
		<div id="div1">
			<div>
				<div id="div2">
					<span>January(1),February(2),March(3),April(4),May(5),June(6),July(7),Aguest(8),
						September(9),October(10),November(11),December(12)</span>
				</div>
				<div id="div3">
					<input type="button" id="btn1" value="删除January(1)">
					<input type="button" id="btn2" value="删除December(12)">
				</div>
			</div>
			<div>
				<div id="div4">
					<span>0,1,2,3,4,5,6,7,8,9</span>
				</div>
				<div id="div5">
					<input type="button" id="btn3" value="复制">
					<input type="button" id="btn4" value="还原">
				</div>
			</div>
			<div>
				<div id="div6">
					<span>red,green,blue,white,yellow,black,brown</span>
				</div>
				<div id="div7">
					<input type="button" id="btn5" value="还原">
					<input type="button" id="btn6" value="删除前三项">
					<input type="button" id="btn7" value="删除第二至三项"><br>
					<input type="button" id="btn8" value="在第二项后插入(orange, purple)">
					<input type="button" id="btn9" value="替换第二 项和第三 项">
				</div>
			</div>
		</div>
	</body>
</html>
<script src="../js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/test4.js" type="text/javascript" charset="utf-8"></script>